<template>
  <div id="app">
    <div class="my-home" v-if="loadingIndex" style="z-index: 99;">
        <div class="my-home__main">
            <img class="my-home__loading" src="../public/img/loading-spin.svg" alt="loading">
            <div class="my-home__title">
                努力加载中...
            </div>
            <div class="my-home__sub-title d">
                初次加载资源可能需要较多时间 请耐心等待
            </div>
        </div>
    </div>
    <router-view v-if="!loadingIndex"/>
  </div>
</template>

<script>
  export default {
    name: "App",
    data() {
      return {
        loadingIndex: true,
      };
    },
    watch: {},
    created() {
      let times = '500';//加载延时loading
      let that = this;
      setTimeout(function(){
        that.loadingIndex = false;
      },times);
    },
    methods: {
    },
    computed: {},
    mounted() {
    }
  };
</script>
<style>
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content-detail p{
  text-indent: 2em;
  margin-top: 0!important;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #ee3e40 !important;
  border-color: #ee3e40 !important;
}
.el-checkbox__inner:hover {
  border-color: #ee3e40;
}
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #000;
}
</style>
